* {
	font-size: 125%;
}

body {
	width: 100%;
	height: 100vw;
	padding: 0; /* 防止页面大于屏幕,出现水平滚动条 */
	margin: 0;
}

.box9 ,a{
	width: 100%;
	height: 100%;
	display: flex;
	
	flex-wrap: wrap;
	/* 定义轴线换行，wrap换行；nowrap不换行；wrap-reverse倒序,起点为底部左边 */
	
	justify-content: space-around;
	/* 定义项目在主轴方向的对齐方式，
	space-around：子项目之间等距间隔，且只与父元素顶部和底部边界无间隔
	space-between：子项目之间等距间隔，且与父元素的4边无间隔 */

	/* flex-direction:row; */
	/* 定义主轴方向，按行row或者列column，以及后缀“-reverse”为倒序 ，本例可不写*/
	/* align-items: flex-start; */
	/* 定义项目在交叉轴上的对齐，本例可不写 */
	/* align-content: center; */
	/* 定义多轴线对齐方式,本例可不写 */
}

.boxchild {
	/* float: left; */
	/* 定义元素浮动朝向,由于div块会自动换行,在使用flex的情况下可不写 */
	
	background: #fea500;
	width: 30%;
	height: 30%;
	text-align: center;
	border-radius: 8%;
}
